.box {
  --border-color: #1c426c;
  --bj-color: rgba(8, 34, 57, 0.4);
  --btn-color: rgba(26, 48, 69, 1);
  width: 4rem;
  /* height: 25vh; */
  color: #fff;
  overflow: hidden;
}
.header {
  font-size: 0.2rem;
}
.titleEn {
  color: #5b6873;
  font-size: 0.16rem;
  margin-left: 0.1rem;
}
.top {
  display: flex;
  width: 90%;
  margin: 0 auto;
  height: 0.5rem;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.top > div {
  position: relative;
  flex: 0 0 33%;
  text-align: center;
}
.top > div::before {
  content: "";
  position: absolute;
  top: 20%;
  left: 5%;
  width: 0.2rem;
  height: 0.2rem;
  background: #f2e30a;
}
.one {
  width: 60%;
  margin-left: 30%;
  text-align: center;
  font-size: 0.14rem;
}
.top .complete::before {
  background: #858681;
}
.top .processed::before {
  background: #f80942;
}
.mian {
  border: 0.02rem solid var(--border-color);
  border-radius: 0.06rem;
}
